﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="SMSSnew._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Home Page</title>
    <link href="../css/Stylesheet-home.css" rel="stylesheet" type="text/css" />
    <link href="../css/Stylesheet-Responsive.css" rel="stylesheet" type="text/css" />
    <link href="../css/StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div class="container">
        <form id="Form1" class="well span11 text-center" runat="server">
                <div class="navbar navbar-inverse">
    <div class="navbar-inner">
        <h3 style="font-family: Corbel; color: #fefefe; font-size: 35px;">
            School Management Supporting System</h3>
    </div>
</div>
          
<!-- Carousel
    ================================================== -->
<div id="myCarousel" class="carousel slide">
    <div class="carousel-inner">
        <div class="item active">
            <asp:Image ID="Image3" runat="server" ImageUrl="../IMAGES/computer-mouse-e1338557335887.jpg"
                class="img-rounded" />
            <div class="container">
                <div class="carousel-caption text-left">
                    <h1>
                        Intelligent Timetable Handling.</h1>
                    <p class="lead">
                        Fast Timetable Allocation<br />
                        Real-Time Report Generating</p>
                </div>
            </div>
        </div>
        <div class="item">
            <asp:Image ID="Image4" runat="server" ImageUrl="../IMAGES/search-mobile-typing-google-information-data-iphone-apple-370x229.jpg"
                class="img-rounded" />
            <div class="container">
                <div class="carousel-caption text-right">
                    <h1>
                        Easy Leave Application Handling.</h1>
                    <p class="lead">
                        Send Leave Application To 7777<br />
                        Real-Time Status Update<br />
                        Administ Leave Application</p>
                </div>
            </div>
        </div>
        <div class="item">
            <asp:Image ID="Image5" runat="server" 
                ImageUrl="../IMAGES/Woman_hands_typing.jpg" class="img-rounded" />
            <div class="container">
                <div class="carousel-caption text-left">
                    <h1>
                        Smart Sustitute Teacher Handling.</h1>
                    <p class="lead">
                        Quick Allocation<br />
                        Inform & Confirm Allocation Via SMS<br />
                        Real-Time Report Generating</p>
                </div>
            </div>
        </div>
    </div>
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>
<!-- /.carousel -->


                <div class="navbar navbar-inverse">
            <div class="navbar-inner">
                <ul class="nav myFont">
                    <li class="active"><a href="Default.aspx">HOME</a></li>
                    <li><a href="About.aspx">ABOUT</a></li>
                    <li><a href="Contact.aspx">CONTACT</a></li>
                    <li><a href="Help.aspx">HELP</a></li>
                </ul>
            </div>
        </div>

                <h3 class="myFont">
            &nbsp;&nbsp;&nbsp;Please Sign In</h3>
                
      
                
        <table class="table container text-left">
            <tr>
                <td>
                    <asp:Label ID="Label1" runat="server" Text="Label">User Name:</asp:Label>
                </td>
                <td>
                    <asp:TextBox ID="txtUName" runat="server" class="span4" type="username" placeholder="Type your Username..."
                        MaxLength="20" Height="27px" TabIndex="1" />
                </td>
                <td>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="RequiredFieldValidator"
                        ControlToValidate="txtUName">
                You need to type your Username
                    </asp:RequiredFieldValidator>
                    <asp:CustomValidator runat="server" ID="CustomValidator2" ControlToValidate="txtUName"
                        Text="Username length should be more than 6 digits" ClientValidationFunction="clientValidate"
                        Display="Dynamic">
                    </asp:CustomValidator>
                    <asp:RegularExpressionValidator ID="RegularExpressionValidator2" ControlToValidate="txtPWord"
                        ValidationExpression="[a-zA-Zs0-9]{6,20}$" AutoPostBack="true" Display="Static"
                        ErrorMessage="Username must contain only Alpha-Numeric Characters" EnableClientScript="False"
                        runat="server" />
                    
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label2" runat="server" Text="Label">Password:</asp:Label>
                </td>
                <td>
                    <asp:TextBox ID="txtPWord" runat="server" class="span4" placeholder="Type your Password..."
                        TextMode="Password" MaxLength="20" Height="27px" TabIndex="2" />
                </td>
                <td>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="RequiredFieldValidator"
                        ControlToValidate="txtPWord">
            You need to type your Password
                    </asp:RequiredFieldValidator>
                    <asp:CustomValidator runat="server" ID="CustomValidator1" ControlToValidate="txtPWord"
                        Text="Password length should be more than 6 digits" ClientValidationFunction="clientValidate"
                        Display="Dynamic">
                    </asp:CustomValidator>
                    <asp:RegularExpressionValidator ID="RegularExpressionValidator1" ControlToValidate="txtPWord"
                        ValidationExpression="[a-zA-Zs0-9]{6,20}$" AutoPostBack="true" Display="Static"
                        ErrorMessage="Password must contain only Alpha-Numeric Characters" EnableClientScript="False"
                        runat="server" />
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td width="50%">
                    <p align="left">
                        <asp:Button ID="butLogin" runat="server" OnClick="butLogin_Click1" Text="Login" class="btn btn-primary"
                            TabIndex="3" Width="120px" />
                        <asp:Button ID="butForgotPWord" runat="server" class="btn btn-link" OnClick="butForgotPWord_Click"
                            Text="Did You Forgot Your Password?" TabIndex="5" Width="237px" />
                    </p>
                </td>
            </tr>
        </table>
        
        
               </form>
        
    </div> 

        

    <script src="../JavaScripts/application.js" type="text/javascript"></script>

    <script src="../JavaScripts/bootstrap-affix.js" type="text/javascript"></script>

    <script src="../JavaScripts/bootstrap-alert.js" type="text/javascript"></script>

    <script src="../JavaScripts/bootstrap-button.js" type="text/javascript"></script>

    <script src="../JavaScripts/bootstrap-carousel.js" type="text/javascript"></script>

    <script src="../JavaScripts/bootstrap-collapse.js" type="text/javascript"></script>

    <script src="../JavaScripts/bootstrap-dropdown.js" type="text/javascript"></script>

    <script src="../JavaScripts/bootstrap-modal.js" type="text/javascript"></script>

    <script src="../JavaScripts/bootstrap-popover.js" type="text/javascript"></script>

    <script src="../JavaScripts/bootstrap-scrollspy.js" type="text/javascript"></script>

    <script src="../JavaScripts/bootstrap-tab.js" type="text/javascript"></script>

    <script src="../JavaScripts/bootstrap-tooltip.js" type="text/javascript"></script>

    <script src="../JavaScripts/bootstrap-transition.js" type="text/javascript"></script>

    <script src="../JavaScripts/bootstrap-typeahead.js" type="text/javascript"></script>

    <script src="../JavaScripts/bootstrap.js" type="text/javascript"></script>

    <script src="../JavaScripts/bootstrap.min.js" type="text/javascript"></script>

    <script src="../JavaScripts/holder.js" type="text/javascript"></script>

    <script src="../JavaScripts/html5shiv.js" type="text/javascript"></script>

    <script src="../JavaScripts/jquery.js" type="text/javascript"></script>
        
<script type="text/javascript" >
    !function($) {
        $(function() {
            // carousel demo
            $('#myCarousel').carousel()
        })
    } (window.jQuery)
    </script>
    
        <script type="text/javascript">
            function clientValidate(sender, args) {
                if (args.Value.length < 6) {
                    args.IsValid = false;
                }
            }
    </script>







</body>
</html>
